UC知道<li>标签的几个问题
来源：百度知道 编辑：UC知道 时间：2024/06/22 07:46:20
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
上面的代码输出来就是打竖下来的1,2,3
如果我想让他显示是横的,应该怎样写CSS吖??
用上后就变成这样,跟之前一样,我是想打横排列,不是打竖排列
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
上面的代码输出来就是打竖下来的1,2,3
如果我想让他显示是横的,应该怎样写CSS吖??
用上后就变成这样,跟之前一样,我是想打横排列,不是打竖排列
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<style>
li{
clear:none; width:50px;float:left;
}
</style>
不知道你的具体应用,只能这样回复了.你可以把它做的更漂亮的.
我给你的这段代码完全可以实现你的要求了.
你要试验的话可以新建一个扩展名为html的文件,把上面的代码放里面就可以看出来了.如果要加背景/分隔线/边框等修饰的话,要另外增加代码了.
例如可以变为以下这样:
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<style>
li{
clear:none; width:50px;float:left;
border:1px solid #995601;
}
</style>
这段代码在任何浏览器上都是可以的.